<script lang="ts" setup>
defineProps({
  type: {
    type: String,
    required: true
  },
  icon: {
    type: String,
    required: true
  }
});
</script>

<template>
  <div :class="`vue-treeselect__tip vue-treeselect__${type}-tip`">
    <div class="vue-treeselect__icon-container">
      <span :class="`vue-treeselect__icon-${icon}`" />
    </div>
    <span :class="`vue-treeselect__tip-text vue-treeselect__${type}-tip-text`">
      <slot></slot>
    </span>
  </div>
</template>
